<template>
  <div class="footer">
    <div class="footer_img">
      <img src="/img/logo.png" alt="">
    </div>
    <p>雷蛇精品外设</p>
    <p>
      <span>{{userName}}主页</span>
      <span>关于我们</span>
      <span>隐私政策</span>
      <span>联系我们</span>
    </p>
    <p>
      Copyright 
        <a href="javascript:;">©2020 mi.futurefe.com
        </a> All Rights Reserved.
    </p>
  </div>
</template>

<script>
export default {
  computed:{
    userName(){
      return this.$store.getters.userName
    }
  }
}
</script>

<style lang="scss" scoped>
  .footer{
    width: 100%;
    height: 236px;
    background-color: black;
    color: #b0b0b0;
    text-align: center;
    font-size: 16px;
    .footer_img{
      width: 53px;
      height: 35px;
      padding-top: 45px;
      margin: 0px auto 17px;
      img{
        width: 100%;
        height: 100%;
      }
    }
    
    p{
      span{
        border-right: 1px solid #b0b0b0;
        padding-right: 10px;
        margin-left: 15px;
        &:last-child{
          border-right: none;
        }
      }
      &:nth-child(3) {
        margin-top: 30px;
        margin-bottom: 15px;
      }
      
    }
  }
</style>